import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

const routes = [{
        path: "/login",
        component: () =>
            import ("@/views/login/index.vue"),
    },
    {
        path: "/",
        component: () =>
            import ("@/views/layout/index.vue"),
        children: [{
                path: "/article",
                component: () =>
                    import ("@/views/article/index.vue"),
            },
            {
                path: "/dashboard",
                component: () =>
                    import ("@/views/dashboard/index.vue"),
            },
        ],
    },
    //   {
    //         path: '/',
    //         name: 'home',
    //         component: HomeView
    //     },
    //     {
    //         path: '/about',
    //         name: 'about',
    //         // route level code-splitting
    //         // this generates a separate chunk (about.[hash].js) for this route
    //         // which is lazy-loaded when the route is visited.
    //         component: () =>
    //             import ( /* webpackChunkName: "about" */ '../views/AboutView.vue')
    //     }
];

const router = new VueRouter({
    mode: "history",
    base: process.env.BASE_URL,
    routes,
});

export default router;